﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Observatório</title>
    </head>
    <link rel="stylesheet" type="text/css" href="../css/estilo_observatorio_geral.css"/>
    <link rel="stylesheet" type="text/css" href="../css/estilo_observatorio_inovacao.css"/>
    <link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'>

        <body>
            <div id="wrap_site">
                <div id="topo">
                    <div id="menu">
                        <ul>
                            <li><a href="../index.html">INÍCIO</a></li>
                            <li><a href="../quem_somos.html">QUEM SOMOS</a></li>
                            <li><a href="../eixos.html">EIXOS DE OBSERVAÇÃO</a></li>
                            <li><a href="../projetos.html">PROJETOS</a></li>
                            <li><a href="../noticias.html">NOTÍCIAS</a></li>
                            <li><a href="../contato.html">CONTATO</a></li>
                            <li><a href="../sistema.html">ACESSO AO SISTEMA</a></li>	
                        </ul>
                    </div> <!--END MENU-->

                    <div id="redes_sociais"> 
                        <a href="#"><img src="../images/icone_tw.jpg" width="17" height="17" alt="Tweeter" /></a>
                        <a href="#"><img src="../images/icone_linkedin.jpg" width="17" height="17" alt="LinkedIn" /></a>
                        <a href="#"><img src="../images/icone_gplus.jpg" width="17" height="17" alt="Google Plus" /></a>
                        <a href="#"><img src="../images/icone_flickr.jpg" width="17" height="17" alt="Flickr" /></a>
                        <a href="#"><img src="../images/icone_fb.jpg" width="17" height="17" alt="Facebook" /></a>
                    </div> <!--END REDES SOCIAIS-->

                    <div class="clear_float">  </div>
                </div> <!--END TOPO-->

                <div id="conteudo"> 

                    <div id="sidebar_left"> 

                        <a href="../index.xhtml"><img src="../images/id_observatorio.jpg" width="240" height="240" alt="Observatório" /></a>
                        <a href="../eixo_aprendizagem/index.html"><img src="../images/bt_aprendizagem.jpg" width="82" height="78" /></a>
                        <a href="index.html"><img src="../images/bt_inovacao.jpg" width="81" height="78" /></a>
                        <a href="../eixo_avaliacao/index.html"><img src="../images/bt_avaliacao.jpg" width="82" height="78" /></a>

                        <div id="noticas_sidebar">
                            <h1>Notícias</h1>
                            <div id="noticas">
                                <img src="../images/chamada_noticia1.jpg" width="235" height="67" alt="noticia 1" />
                                <h4 class="chamada_noticia">O VII Encontro Nacional de Pesquisadores em Gestão Social acontecerá em Belém/PA entre os dias 27 e 29 de maio de 2013. <a href="#" class="leiamais">LEIA+</a></h4>
                                <div class="clear_float"></div>
                            </div>

                            <div id="noticas">
                                <img src="../images/chamada_noticia2.jpg" width="92" height="114" alt="noticia 2" />
                                <h4 class="chamada_noticia">Cadernos Gestão Social acaba de publicar seu último número. Convidamos a navegarem no sumário da revista para acessar o editorial, artigos. <a href="#" class="leiamais">LEIA+</a></h4>
                                <div class="clear_float"></div>
                            </div>


                            <div id="noticas">
                                <img src="../images/chamada_noticia3.jpg" width="92" height="56" alt="noticia 2" />
                                <h4 class="chamada_noticia">A Revista NAU Social está com chamada aberta para os próximos números. <a href="#" class="leiamais">LEIA+</a></h4>
                                <div class="clear_float"></div>
                            </div>


                            <div id="noticas">
                                <img src="../images/chamada_noticia3.jpg" width="92" height="56" alt="noticia 2" />
                                <h4 class="chamada_noticia">A Revista NAU Social está com chamada aberta para os próximos números.  <a href="#" class="leiamais">LEIA+</a></h4>
                                <div class="clear_float"></div>
                            </div>
                        </div>
                    </div>
                    <div id="sidebar_right">
                        <div id="titlo_eixo_inovacao">
                            <img src="../images/titulo_eixo_inovacao.png" width="149" height="71" alt="Eixo Inovação" class="float_left" />
                            <p class="float_left">O Eixo de Inovação acolhe projetos de pequisa que buscam mapear, compeender e/ou discutir a natureza e as fronteiras da Gestão Social como um novo campo de prátcas e conhecimentos em gestão.</p>
                            <div class="clear_float"></div>
                        </div>

                        <div id="dicionario_formacao">

                            <table  border="0" cellpadding="0" cellspacing="0" class="tabelas_campos_inovacao">
                                <tr>
                                    <td><p>Pesquise seu verbete:</p></td>
                                    <td>&nbsp;</td>
                                </tr>
                                <tr>
                                    <td><input name="pesquisa" type="text" size="30"  /></td>
                                    <td><input name="vai" type="image" value="Vai!" src="../images/bt_vai.jpg" /></td>
                                </tr>

                                <tr>
                                    <td colspan="2"><p><br />
                                            Pesquise pela primeira letra do verbete:</p></td>
                                </tr>
                                <tr>
                                    <td colspan="2"><p><a href="#" class="bt_letra_verbete">a</a>
                                            <a href="#" class="bt_letra_verbete">b</a>
                                            <a href="#" class="bt_letra_verbete">c</a>
                                            <a href="#" class="bt_letra_verbete">d</a>
                                            <a href="#" class="bt_letra_verbete">e</a>
                                            <a href="#" class="bt_letra_verbete">f</a>
                                            <a href="#" class="bt_letra_verbete">g</a>
                                            <a href="#" class="bt_letra_verbete">h</a>
                                            <a href="#" class="bt_letra_verbete">i</a>
                                            <a href="#" class="bt_letra_verbete">j</a>
                                            <a href="#" class="bt_letra_verbete">k</a>
                                            <a href="#" class="bt_letra_verbete">l</a>
                                            <a href="#" class="bt_letra_verbete">m</a>
                                            <a href="#" class="bt_letra_verbete">n</a>
                                            <a href="#" class="bt_letra_verbete">o</a>
                                            <a href="#" class="bt_letra_verbete">p</a>
                                            <a href="#" class="bt_letra_verbete">q</a>
                                            <a href="#" class="bt_letra_verbete">r</a>
                                            <a href="#" class="bt_letra_verbete">s</a>
                                            <a href="#" class="bt_letra_verbete">t</a>
                                            <a href="#" class="bt_letra_verbete">u</a>
                                            <a href="#" class="bt_letra_verbete">v</a>
                                            <a href="#" class="bt_letra_verbete">w</a>
                                            <a href="#" class="bt_letra_verbete">x</a>
                                            <a href="#" class="bt_letra_verbete">y</a>
                                            <a href="#" class="bt_letra_verbete">z</a>
                                            <a href="#" class="bt_letra_verbete">TODOS</a>
                                        </p>
                                        <br />
                                        <br />
                                        <p></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2"><input name="vai2" type="image" value="Vai!" src="../images/bt_vai.jpg" class="float_right" /></td>
                                </tr>
                                <tr>
                                    <td colspan="2"><p class="float_left"><a href="#">+ Pesquisa Avançada</a></p></td>
                                </tr>
                            </table>
                            <div class="clear_float"></div>

                        </div>


                        <div id="bd_bibliometria">

                            <table width="100%" border="0" cellpadding="10" cellspacing="0">
                                <tr>
                                    <td>
                                        <table border="0" class="tabelas_campos_inovacao">
                                            <tr><td colspan="2"><p>Faça sua pesquisa usando os filtros que forem necessários:</p></td></tr>
                                            <tr>
                                                <td><form id="form2" name="form1" method="post" action="">
                                                        <label>
                                                            <select name="filtro" id="filtro" class="campo_filtros">
                                                                <option>Selecione o filtro</option>
                                                            </select>
                                                        </label>
                                                    </form></td>
                                                <td><label>
                                                        <input name="limitador" type="text" id="limitador" value="Escreva aqui o limitador" class="limitador" />
                                                    </label></td>
                                            </tr>
                                            <tr>
                                                <td><select name="filtro2" id="filtro2" class="campo_filtros">
                                                        <option>Selecione o filtro</option>
                                                    </select></td>
                                                <td><input name="limitador2" type="text" id="limitador2" value="Escreva aqui o limitador" class="limitador" /></td>
                                            </tr>
                                            <tr>
                                                <td><select name="filtro3" id="filtro3" class="campo_filtros">
                                                        <option>Selecione o filtro</option>
                                                    </select></td>
                                                <td><input name="limitador3" type="text" id="limitador3" value="Escreva aqui o limitador" class="limitador" /></td>
                                            </tr>
                                            <tr>
                                                <td><select name="filtro4" id="filtro4" class="campo_filtros">
                                                        <option>Selecione o filtro</option>
                                                    </select></td>
                                                <td><input name="limitador4" type="text" id="limitador4" value="Escreva aqui o limitador" class="limitador" /></td>
                                            </tr>
                                            <tr>
                                                <td colspan="2"><br /> <p><a href="#" class="bt_resultado_pesquisa">Clique aqui para ver o resultado da sua pesquisa</a></p>
                                                    <br /><p class="float_left"><a href="#">+ Pesquisa Avançada</a></p>
                                                </td>
                                            </tr>
                                        </table>


                                    </td>
                                </tr>


                            </table>
                            <div class="clear_float"></div>

                        </div>






                        <div id="mapeamento">

                            <table width="100%" border="0" cellpadding="10" cellspacing="0">
                                <tr>
                                    <td>
                                        <table border="0" class="tabelas_campos_inovacao">
                                            <tr><td colspan="2"><p>Faça sua pesquisa usando os filtros que forem necessários:</p></td></tr>
                                            <tr>
                                                <td><form id="form2" name="form1" method="post" action="">
                                                        <label>
                                                            <select name="filtro5" id="filtro5" class="campo_nivel_formacao">
                                                                <option>Por nível de formação</option>
                                                            </select>
                                                        </label>
                                                    </form></td>
                                                <td><select name="filtro6" id="filtro6" class="campo_uf"  >
                                                        <option>Por UF</option>
                                                    </select></td>
                                            </tr>
                                            <tr>
                                                <td colspan="2"><br /> <p><a href="#" class="bt_resultado_pesquisa">Clique aqui para ver o resultado da sua pesquisa</a></p>
                                                    <br /><p class="float_left"><a href="#">+ Pesquisa Avançada</a></p>
                                                </td>
                                            </tr>
                                        </table>


                                    </td>
                                </tr>


                            </table>
                            <div class="clear_float"></div>

                        </div>



                    </div>

                    <div class="clear_float"> </div>
                </div> <!--END CONTEUDO-->

                <div id="footer">
                    <p class="texto_rodape">Observatório da Formação em Gestão Social (2013)</p>
                </div>
                <div id="wrap_marcas">
                    <img src="../images/id_rgs.jpg" width="72" height="51" alt="RGS" />
                    <img src="../images/id_ufba.jpg" width="32" height="67" alt="UFBA" />
                    <img src="../images/id_ufc.jpg" width="34" height="67" alt="UFC" />
                    <img src="../images/id_puc.jpg" width="37" height="67" alt="PUC" />
                    <img src="../images/id_udesc.jpg" width="47" height="67" alt="UDESC" />
                    <img src="../images/id_ufb.jpg" width="71" height="67" alt="UFB" />
                </div>





            </div> <!--END WRAP SITE-->
        </body>
</html>
